<!DOCTYPE html>
<html>
<head>
<title>微信支付成功</title>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/wxzf.css">
<script src="js/jquery.js"></script>
<script src="../shoppingmall/themes/js/vue.js"></script>
</head>
<body >
<div id="el">
<div class="header">
  <div class="all_w" style="position:relative; z-index:1;">
    <div class="ttwenz" style=" text-align:center; width:100%;">
      <h4>交易详情</h4>
      <h5>微信安全支付</h5>
    </div>
    <a href="../shoppingmall/index.html" class="fh_but">返回首页</a> </div>
</div>

<div class="zfcg_box ">
<div class="all_w">
<img src="images/cg_03.jpg" > 支付成功 </div>

</div>
<div class="cgzf_info">
<div class="wenx_xx">
  <div class="mz">锅锅商城</div>
  <div class="wxzf_price">￥<span v-text="total_amount"></span></div>
</div>

<div class="spxx_shop">
 <div class=" mlr_pm">
 
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>商   品</td>
    <td align="right">餐饮食品消费</td>
  </tr>
   <tr>
    <td>交易时间</td>
    <td align="right">2020-4</td>
  </tr>
   <tr>
    <td>支付方式</td>
    <td align="right">微信支付</td>
  </tr>
   <tr>
    <td>交易单号</td>
    <td align="right">1205329821521545465665855444</td>
  </tr>
</table>

 </div>
</div>
</div>
<div class="wzxfcgde_tb"><img src="images/cg_07.jpg" ></div>
</div>

<script type="text/javascript" >
    //自己写的内容
    var vue = new Vue({
        el:"#el",
        data:{
            total_amount:[],
        },
        created:function(){
            this.init();
        },
        methods:{
            init:function(){
                var _this = this;
                //获取总价格，展示
                $.ajax({
                    type:"get",
                    url:"/ShoppingMallOrder/gettotal_amount",
                    dataType:"json",
                    success:function(da){
                        _this.total_amount = da.obj;
                    }
                });
                //删除或者修改优惠券数量
                $.ajax({
                    type:"get",
                    url:"/ShoppingMallOrder/updateCuponCount",
                    dataType:"json",
                    success:function(da){

                    }
                });
                //修改子订单状态
                $.ajax({
                    type:"get",
                    url:"/ShoppingMallOrder/updateChildOrderStatus",
                    dataType:"json",
                    success:function(da){

                    }
                });
                //计算并增加用户成长值
                $.ajax({
                    type:"get",
                    url:"/ShoppingMallOrder/updateUserPoints",
                    dataType:"json",
                    success:function(da){

                    }
                });
                //删除购物车商品
                $.ajax({
                    type:"get",
                    url:"/ShoppingMallOrder/deleteCarInOrder",
                    dataType:"json",
                    success:function(da){

                    }
                });
                //发货后减少商品库存

                //商品评论功能

            },

        },
    });
</script>

</body>
</html>